<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>05-个人中心-已登录-05我的订单-07退款记录</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
    <link href="css/public.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/personal.css" rel="stylesheet" type="text/css" media="all" />
    <script src="js/jquery-2.1.4.min.js"></script>
</head>
<body class="graybody">
<header class="header">
    <div class="header_right"><a href="#"  class="fontcolor">筛选</a></div>
    <div class="header_left"><a href="#" class="returnico"></a></div>
    <div class="header_center"><a href="#" class="fontcolor">退款记录<span class="allclisanjiao"></span></a></div>
</header>
<!--退款记录-->
<div class="jilu_div">
    <table cellpadding="0" cellspacing="0" >
        <tr>
            <th width="28%">订单号</th>
            <th width="22%">操作时间</th>
            <th width="25%">退款金额</th>
            <th width="25%">类型</th>
        </tr>
        <tr>
            <td>14648314</td>
            <td>2016-06-11</td>
            <td>￥100.00</td>
            <td>商品破损</td>
        </tr>
        <tr>
            <td>14648314</td>
            <td>2016-06-11</td>
            <td>￥100.00</td>
            <td>商品破损</td>
        </tr>
        <tr>
            <td>14648314</td>
            <td>2016-06-11</td>
            <td>￥100.00</td>
            <td>商品破损</td>
        </tr>
        <tr>
            <td>14648314</td>
            <td>2016-06-11</td>
            <td>￥100.00</td>
            <td>商品破损</td>
        </tr>
        <tr>
            <td>14648314</td>
            <td>2016-06-11</td>
            <td>￥100.00</td>
            <td>商品破损</td>
        </tr>
        <tr>
            <td>14648314</td>
            <td>2016-06-11</td>
            <td>￥100.00</td>
            <td>商品破损</td>
        </tr>
        <tr>
            <td>14648314</td>
            <td>2016-06-11</td>
            <td>￥100.00</td>
            <td>商品破损</td>
        </tr>
    </table>
</div>
<!--订单下拉-->
<div class="tanchuangbj">
    <div class="dingdannav">
        <ul>
            <li><a href="#">全部订单</a></li>
            <li><a href="#">线下订单</a></li>
            <li class="indexbgcolor"><a href="#">退款记录</a></li>
        </ul>
    </div>
</div>
<script>
    //订单下拉弹窗
    $(".header_center").click(function (e) {
        $(".tanchuangbj").show();
        $(".header").addClass("headershow");
        e.stopPropagation()
    });
    $(".dingdannav li").click(function (e) {
        $(this).addClass("indexbgcolor").siblings().removeClass("indexbgcolor");
        var thistext=$(this).text();
        $(".header_center a").html(thistext+"<span class='allclisanjiao'></span>");
        $(".header").removeClass("headershow");
        $(".tanchuangbj").hide();
        e.stopPropagation()
    });
    //关闭弹窗
    $(document).click(function () {
        $(".tanchuangbj").hide()
        $(".header").removeClass("headershow");
    });
</script>
</body>
</html>